*{
  padding: 0px;
  margin: 0px;
  font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu ;
}
button{
  outline: none;
  cursor: pointer;
}

.headBarContainer{
  width: 100%;
  height: 42px;
  background-color: rgb(247,247,247);
}
.itemsContainer{
  position: absolute;
  top: 5px;
  left: 15%;
}
.itemsContainer .headItem{
  display: inline-block;
}
/*被选中单元*/
#clicked{
  background-color: rgb(194,31,58);
  border-radius:50px;
}
#clicked a{
  color:white;
}
/*普通*/
nav ul a{
  display: inline-block;
  line-height: 32px;
  width:100px;
  text-align: center;
  color: black;
  text-decoration: none;
  font-size: 1.1em;
  /*transition: background 0.5s linear;*/
}
/*下拉列表*/
#mineList{
  visibility: hidden;
  position: absolute;
  list-style: none;
}
#mineList li{
  line-height: 46px;
  background-color: rgb(247,247,247);
}
li:hover #mineList{
  visibility:visible;
  z-index: 100;
}
#mineList a{
  display: inline-block;
  line-height: 32px;
  width:100px;
  text-align: center;
  color: black;
  text-decoration: none;
  font-size: 1.1em;
}
/*登录注册按钮*/
.logButton{
  width: 70px;
  height: 32px;
  background-color: rgb(194,31,58);
  text-align: center;
  
  border-radius: 16px;
  position: absolute;
}
.logButton a{
  font-size: large;
  text-decoration: none;
  color: white;
}
.logButton a div{
  margin: 3px;
}
#logIn{
  top:5px;
  left: 55%;
}
#signIn{
  top:5px;
  left: 60%;
}
/*搜索框*/
.searchContainer{
  position: absolute;
  right: 15%;
  top: 5px;
  height: 32px;
  width: 20%;
  border-radius:16px;
  /*border: 1px solid black;*/
  background-color: white;
  display: flex;
  align-items: center;
}
.searchContainer #textValue{
  height: 100%;
  width: 70%;
  border: 0px;
  outline: none;
  font-size: medium;
}
.searchContainer #submitButton{
  height: 100%;
  width:20%;
  background-color: rgb(194,31,58);
  color: white;
  border: 0px;
  outline: none;
  border-radius: 0px 50px 50px 0px;
  font-size: large;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  right: 0px;
}
.searchContainer img{
  height: 80%;
  margin: 3.2px 0 3.2px 8px;
}


/*广告区*/
.adArea{
  width: 70%;
  height: 450px;
  margin: 30px 15% 0 15%;
  background-color: rgb(247,247,247);
  border: 1px solid rgb(220,220,220);
}
.adArea .pictureContainer{
  height: 100%;
  width: 70%;
  overflow: hidden;
  position: relative;
  float: left;
}
/*左右箭头*/
#pre,#next{
  background-color: rgba(128,128,128,0.5);
  position: absolute;
  top: 195px;
  width: 50px;
  height: 50px;
}
#pre img,#next img{
  height: 80%;
  margin: 10%;
}
#pre{
  left:10px;
}
#next{
  right: 10px;
}
.pictureContainer img{
  height: 100%;
}
/*tabBar*/
.tabBar{
  background-color: rgba(255, 255, 255, 0.5);
  height: 25px;
  width: 130px;
  position: absolute;
  left: 40%;
  bottom: 10px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.tabBar a img{
  height: 65%;
}
/*广告区右侧*/
.adRightContainer{
  width: 30%;
  height: 100%;
  float: left;
}
#adTopRight{
  height: 35%;
  border-bottom: 1px solid rgb(220,220,220);
  margin-left: 10px;
  margin-right: 10px;
}
#adTopRight table{
  width: 100%;
}
#adTopRight img{
  width: 45%;
  margin: 45px 0 10px 0;
}
#adTopRight td{
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  color: gray;
}
#adBottomRight{
  height: 60%;
}
#adBottomRight table{
  width: 80%;
  height: 90%;
  margin-top: 20px;
  margin-left: 28px;
}
#adBottomRight td{
  text-align: left;
  font-size: 0.9em;
}
#adBottomRight table #title{
  font-size: 1.1em;
}
#adBottomRight table #more{
  text-align: right;
}
#adBottomRight table #more a{
  color: black;
}
#adBottomRight table a{
  text-decoration: none;
  color: gray;
}
#adBottomRight table a:hover{
  color: rgb(194,31,58);
}
#adBottomRight table .sqr{
  border: 1px solid rgb(194,31,58);
  border-radius: 3px;
  color: rgb(194,31,58);
}
#adBottomRight table #model{
  border: 1px solid rgb(194,31,58);
  text-align: center;
  border-radius: 10px;
  height: 30px;
}



.flowArea{
  width: 80%;
  height: 100px;
  margin: 30px 10% 0 10%;
  text-align: center;
}
.flowArea img{
  width: 100%;
  border: 1px solid rgb(220,220,220);
}


.shopAndNote{
  width: 80%;
  margin: 20px 10% 20px 10%;
}
/*商品区*/
.shopArea{
  width: 75%;
  float: left;
}
.shopArea .head{
  height: 70px;
  border-bottom: 1px solid rgb(194,31,58);
}
.shopArea .head .title{
  float: left;
  font-size: xx-large;
  font-weight: bold;
  margin-top: 20px;
}
.shopArea .head .date{
  margin-top: 20px;
  margin-left: 20px;
  font-size: xx-large;
  font-weight: bold;
  float: left;
  color: rgb(194,31,58);
}
.shopArea .head .person{
  float: right;
  margin-top: 40px;
  margin-right: 35px;
  font-size: larger;
}

.shopArea .body li{
  width: 290px;
  list-style: none;
  display: inline-block;
}

.shopArea .body .shop{
  margin: 30px 0 0 30px;
  border: 1px solid rgb(220,220,220);
  background-color: rgb(247,247,247);
}
.shopArea .body .shop:hover{
  border: 3px solid rgb(194,31,58);
}
.shopArea .body .shop .picContainer{
  width: 100%;
  height: 170px;
  overflow: hidden;
  margin-top: 0;
}
.shopArea .body .shop img{
  width: 100%;
}
.shopArea .body .shop .shopName{
  text-align: center;
}
.shopArea .body .shop .shopName label{
  margin-left: 0;
  font-size: medium;
  color: black;
}
.shopArea .body .shop label{
  margin-left: 10px;
  color: rgb(150,150,150);
  font-size: small;
}
.shopArea .body .shop .price{
  color: rgb(194,31,58);
  font-size: x-large;
  font-weight: bold;
}
.shopArea .body .shop .endTime{
  color: black;
  font-size: large;
  font-weight: bold;
}
.shopArea .body .shop .startPrice{
  color: black;
  font-size: medium;
}
.shopArea .body .shop div{
  margin-top: 1px;
  margin-bottom: 1px;
}
.shopArea .body .shop .button{
  width: 100%;
  height: auto;
  background-color: rgb(194,31,58);
  margin-bottom: 0;
  text-align: center;
  font-size: larger;
  font-weight: bold;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
}
.shopArea .body .shop a{
  text-decoration: none;
}
.shopArea #more .picContainer{
  height: 200px;
  text-align: center;
  margin-top: 30px;
}
.shopArea #more .picContainer img{
  width: 70%;
}
/*公告栏*/
.shopAndNote .noteArea{
  width: 20%;
  height: 400px;
  float: left;
  border: 1px solid rgb(220,220,220);
  margin-top: 40px;
  margin-left: 20px;
  background-color: rgb(247,247,247);
}
.shopAndNote .note{
  margin-left: 15px;
  margin-top: 20px;
  margin-right: 20px;
}
.shopAndNote .note .head{
  margin-bottom: 20px;
}
.shopAndNote .note .head #title{
  font-size: 1.1em;
}
.shopAndNote .note .head #more{
  float: right;
  margin-right: 10px;
}
.shopAndNote .note a{
  text-decoration: none;
  color: black;
}
.shopAndNote .note li{
  list-style: none;
  margin-top: 10px;
}
.shopAndNote .note li div{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: gray;
}
.shopAndNote .note li:hover a{
  color: rgb(194,31,58);
}
.shopAndNote .note li:hover{
  color: rgb(194,31,58);
}
.shopAndNote .note li:hover text{
  color: rgb(194,31,58);
}

.newShop{
  width: 80%;
  margin: 30px 10% 50px 10%;
}
.newShop .shopArea{
  width: 100%;
}
.newShop .shopArea .date{
  color: rgb(25,170,107);
}
.newShop .shopArea .head{
  border-color: rgb(25,170,107);
}
.newShop .shopArea .shop .button{
  background-color: rgb(25,170,107);
}
.newShop .shopArea .shop .startTime{
  color: black;
  font-size: large;
  font-weight: bold;
}
.newShop .shopArea .shop .startPrice{
  color: rgb(25,170,107);
  font-size: x-large;
  font-weight: bold;
}
.newShop .shopArea .shop:hover{
  border: 3px solid rgb(25,170,107);
}



/*搜索页面*/
/*----------------------*/
/*登录注册按钮*/
#logInSearch{
  top:5px;
  right: 20%;
}
#signInSearch{
  top:5px;
  right: 15%;
}
/*搜索*/
.searchBarContainer{
  height: 160px;
  text-align: center;
}
.searchBarContainer .searchBar img{
  height: 70px;
  margin: 20px 0 20px 0px;
}
.searchBarContainer .searchBar #inputContainer{
  height: 40px;
  width: 27%;
  border: 1px solid black;
  border-radius: 30px;
  margin-left: 34%;
  float: left;
}
.searchBarContainer .searchBar #textValue{
  width: 90%;
  font-size: x-large;
  height: 100%;
  outline: none;
  border: 0;
  margin-left: 0;
}
.searchBarContainer .searchBar #submitButton{
  height: 40px;
  width: 120px;
  background-color: rgb(194,31,58);
  color: white;
  border: 0px;
  outline: none;
  border-radius: 50px;
  font-size: x-large;
  font-weight: bold;
  cursor: pointer;
  float: left;
  margin-left: 10px;
}

.tagsContainer{
  width: 40%;
  margin-top: 10px;
  margin-left: 30%;
}
.tagsContainer .tag{
  background-color: antiquewhite;
  text-decoration: none;
  color: black;
  margin-right: 10px;
}

.resultContainer{
  width: 80%;
  margin-top: 20px;
  margin-left: 10%;
}
.resultContainer #keyword{
  color: rgb(194,31,58);
}
.resultContainer #title{
  margin-left: 50px;
}
.resultContainer .shopArea{
  width: 100%;
}
.resultContainer .shopArea #later .button{
  background-color: rgb(25,170,107);
}
.resultContainer .shopArea .shop .startTime{
  color: black;
  font-size: large;
  font-weight: bold;
}
.resultContainer .shopArea #later:hover{
  border: 3px solid rgb(25,170,107);
}
.body ul{
  margin-bottom: 50px;
}


/*商品页面*/
.icon{
  height: auto;
  width: 70%;
  margin-top: 5px;
  margin-left: 15%;
}
.icon img{
  height: 75px;
  margin-top: 10px;
  margin-left: 45%;
}
.mainArea{
  width: 70%;
  height: 455px;
  margin-top: 30px;
  margin-left: 15%;
  border: 1px solid rgb(220,220,220);
}
.mainArea #title{
  margin-left: 20px;
  margin-top: 20px;
  font-size: large;
}
.mainArea .information img{
  height: 100%;
}
.mainArea .picContainer{
  width: 45%;
  height: 370px;
  background-color: rgb(220,220,220);
  text-align: center;
  float: left;
  overflow: hidden;
  border: 8px solid rgb(220,220,220);
  margin-left: 20px;
}
.mainArea .priceArea table{
  width: 40%;
  padding-left: 30px;
  font-size: small;
  color: gray;
  border: 0;
}
.mainArea .priceArea table td{
  vertical-align: bottom;
  height: 50px;
}
.mainArea .priceArea table .firstLine td{
  height: 35px;
}
.mainArea .number{
  font-size: x-large;
  color: black;
  font-weight: bold;
}
.mainArea .priceArea table #price{
  font-size: xx-large;
  color: rgb(194,31,58);
  font-weight: bold;
}
.mainArea .priceArea table #person{
  font-size: large;
  color: rgb(194,31,58);
  font-weight: bold;
}
.mainArea .priceArea table input{
  font-size: x-large;
  width: 80%;
}
.mainArea .priceArea table .stepButton{
  width: 30%;
  height: 80%;
  border: 0;
  font-size: large;
}
.mainArea .priceArea table .submitButton{
  width: 80%;
  height: 90%;
  background-color: rgb(194,31,58);
  border: 0;
  color: white;
  font-size: x-large;
}
.mainArea .priceArea table .available .stepButton{
  cursor: pointer;
}
.mainArea .priceArea table .available .submitButton{
  cursor: pointer;
}
.mainArea .priceArea table .unStart #price{
  font-size: xx-large;
  color: rgb(25,170,107);
  font-weight: bold;
}
.mainArea .peopleCount{
  text-align: right;
  margin-top: 10px;
  margin-left: 51%;
  margin-right: 10%;
  font-size: small;
  color: gray;
  border-bottom: 1px solid rgb(220,220,220);
}
.mainArea .moreInformation table{
  width: 40%;
  padding-left: 30px;
  font-size: small;
  color: gray;
}
.mainArea .moreInformation table td{
  vertical-align: bottom;
  height: 20px;
}
.mainArea .moreInformation table .first{
  width: 80px;
}

.historyPrice{
  width: 70%;
  margin-left: 15%;
  margin-top: 50px;
  margin-bottom: 50px;
  border: 1px solid rgb(220,220,220);
}
.historyPrice #title{
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: x-large;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(194,31,58);
}
.historyPrice #title text{
  color: rgb(194,31,58);
}
.historyPrice table{
  width: 70%;
  margin-top: 20px;
  margin-left: 15%;
  margin-bottom: 25px;
  text-align: center;
  border-collapse:collapse;
  font-size: small;
  color: rgb(150,150,150);
}
.historyPrice table th{
  height: 35px;
  color: gray;
}
.historyPrice table td{
  width: 25%;
  border-top: 1px solid rgb(220,220,220);
  height: 40px;
}
.historyPrice table td text{
  border: 1px solid rgb(220,220,220);
  border-radius: 3px;
}
.historyPrice table #first text{
  border: 1px solid rgb(194,31,58);
}
.historyPrice table #first{
  color: rgb(194,31,58);
  font-weight: bold;
}


/*我的*/
.mainContainer{
  width: 70%;
  height: auto;
  min-height: 500px;
  margin-top: 50px;
  margin-left: 15%;
  margin-bottom: 50px;
  border: 1px solid rgb(220,220,220);
  position: relative;
}
.leftArea{
  width: 25%;
  height: 100%;
  background-color: rgb(247,247,247);
  position: absolute;
}
.leftArea .infoContainer{
  text-align: center;
  background-color: rgb(247,247,247);
}
.leftArea .infoContainer div{
  border-bottom: 1px solid rgb(220,220,220);
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 10px;
}
.leftArea .infoContainer img{
  width: 50%;
  margin: 45px 25% 10px 25%;
}
.leftArea #menuContainer{
  text-align: center;
  background-color: rgb(247,247,247);
}
.leftArea #menuContainer img{
  width: 30px;
  margin-right: 10px;
  vertical-align:middle;
}
.leftArea #menuContainer ul{
  padding-top: 10px;
}
.leftArea #menuContainer li{
  list-style: none;
  padding-top: 15px;
  padding-bottom: 10px;
  cursor: pointer;
}

#rightArea{
  margin-left: 25%;
}
/*个人信息*/
#rightArea #personInformation table{
  width: 85%;
  margin-left: 8%;
  margin-top: 25px;
  margin-bottom: 25px;
}
#rightArea #personInformation table td{
  height: 60px;
  width: 60%;
  font-size: large;
}
#rightArea #personInformation table .firstCol{
  width: 20%;
  font-size: medium;
  color: gray;
}
#rightArea #personInformation table #buttonContainer{
  width: 20%;
  text-align: right;
}
#rightArea #personInformation table #buttonContainer button{
  height: 70%;
  width: 100%;
  border: 0;
  font-size: large;
}
#rightArea #personInformation table #buttonContainer #change{
  background-color: rgb(194,31,58);
  color: white;
}
#rightArea #personInformation table #buttonContainer input{
  height: 70%;
  width: 100%;
  border: 0;
  background-color: rgb(194,31,58);
  color: white;
  font-size: large;
}
#rightArea #personInformation table input{
  font-size: large;
  height: 60%;
}
/*订单*/
#rightArea #order table{
  width: 85%;
  margin-left: 8%;
  margin-top: 30px;
  margin-bottom: 25px;
  text-align: left;
  border-collapse:collapse;
}
#rightArea #order table th{
  font-size: medium;
  font-weight: 400;
  padding-bottom: 20px;
  color: gray;
  border-bottom: 1px solid rgb(194,31,58);
}
#rightArea #order table td{
  height: 60px;
  font-size: large;
}
#rightArea #order table button{
  width: 80%;
  height: 60%;
  background-color: rgb(194,31,58);
  border: 0;
  color: white;
  outline: none;
  cursor: pointer;
  font-size: 0.9em;
}
#rightArea #order table #buttonContainer{
  text-align: right;
}
#rightArea #order table #buttonContainer button{
  height: 50px;
  width: 120px;
  font-size: large;
  font-weight: 400;
  margin-bottom: 20px;
}
/*投诉*/
#rightArea #complaint div{
  text-align: right;
}
#rightArea #complaint button{
  width: 120px;
  height: 45px;
  margin-top: 20px;
  margin-right: 30px;
  border: 0;
  background-color: rgb(194,31,58);
  color: white;
  font-size: large;
}
#rightArea #complaint table{
  width: 95%;
  margin-left: 3%;
  margin-top: 30px;
  margin-bottom: 25px;
  text-align: left;
  border-collapse:collapse;
}
#rightArea #complaint table th{
  font-size: medium;
  font-weight: 400;
  padding-bottom: 20px;
  color: gray;
  text-align: center;
  border-bottom: 1px solid rgb(194,31,58);
}
#rightArea #complaint table #firstBox{
  text-align: left;
}
#rightArea #complaint table td{
  padding-top: 20px;
}
#rightArea #complaint .idCol{
  width: 12%;
}
#rightArea #complaint .id2Col{
  width: 15%;
  text-align: center;
}
#rightArea #complaint .mainCol{
  width: 23%;
  word-wrap:break-word;
}
#rightArea #complaint .timeCol{
  width: 18%;
  text-align: center;
}
#rightArea #complaint .signCol{
  width: 10%;
  text-align: center;
}
#rightArea #complaint .resultCol{
  width: 22%;
  word-wrap:break-word;
}
#rightArea #complaint .haveDeal{
  border: 1px solid rgb(194,31,58);
  color: rgb(194,31,58);
  border-radius: 4px;
}
#rightArea #complaint .notDeal{
  border: 1px solid rgb(150,150,150);
  color: rgb(150,150,150);
  border-radius: 4px;
}
/*商品审核*/
#rightArea #examine table{
  width: 90%;
  margin-left: 5%;
  text-align: center;
  margin-top: 40px;
  border-collapse:collapse;
  margin-bottom: 30px;
}
#rightArea #examine table th{
  font-size: medium;
  font-weight: 400;
  padding-bottom: 20px;
  color: gray;
  border-bottom: 1px solid rgb(194,31,58);
}
#rightArea #examine table td{
  padding-top: 20px;
}
#rightArea #examine table img{
  width: 50px;
  cursor: pointer;
}
#rightArea #examine table .nameCol{
  text-align: left;
  width: 90px;
}
#rightArea #examine #nameHead{
  text-align: left;
}
#rightArea #examine .examCol{
  width: 65px;
}
#rightArea #examine .describeCol{
  text-align: center;
  width: 100px;
}
#rightArea #examine table .kindCol{
  width: 55px;
}
#rightArea #examine table button{
  border: 0;
  width: 100%;
  height: 30px;
  font-size: large;
}
#rightArea #examine table #yes{
  background-color: rgb(194,31,58);
  color: white; 
}
/*投诉处理*/
#rightArea #complaintManage table{
  text-align: left;
  width: 90%;
  margin-left: 5%;
  border-collapse:collapse;
  margin-top: 20px;
  margin-bottom: 40px;
}
#rightArea #complaintManage table th{
  font-size: medium;
  font-weight: 400;
  padding-bottom: 20px;
  color: gray;
  border-bottom: 1px solid rgb(194,31,58);
}
#rightArea #complaintManage table td{
  padding-top: 30px;
  height: 40px;
  font-size: large;
}
#rightArea #complaintManage div{
  text-align: right;
}
#rightArea #complaintManage button{
  width: 120px;
  height: 45px;
  margin-top: 20px;
  margin-right: 5%;
  border: 0;
  background-color: rgb(194,31,58);
  color: white;
  font-size: large;
}
/*公告管理*/
#rightArea #noticeManage table{
  text-align: left;
  width: 90%;
  margin-left: 5%;
  border-collapse:collapse;
  margin-top: 50px;
  margin-bottom: 40px;
}
#rightArea #noticeManage table th{
  font-size: medium;
  font-weight: 400;
  padding-bottom: 20px;
  color: gray;
  border-bottom: 1px solid rgb(194,31,58);
}
#rightArea #noticeManage table td{
  padding-top: 30px;
  height: 40px;
  font-size: large;
}
#rightArea #noticeManage div{
  text-align: right;
}
#rightArea #noticeManage button{
  width: 120px;
  height: 45px;
  margin-top: 20px;
  margin-right: 5%;
  border: 0;
  background-color: rgb(194,31,58);
  color: white;
  font-size: large;
}
#rightArea #noticeManage .textArea{
  max-width: 280px;
}
#rightArea #noticeManage #manage{
  margin-left: 15%;
  text-align: center;
  width: 70%;
  margin-top: 20px;
}
#rightArea #noticeManage #manage input{
  font-size: large;
  height: 45px;
  width: 90%;
}
#rightArea #noticeManage #manage td{
  height: 45px;
}
#rightArea #noticeManage #manage button{
  margin-top: 0px;
  width: 100px;
}
/*订单管理*/
#rightArea #orderManage #orderTable{
  text-align: left;
  width: 90%;
  margin-left: 5%;
  border-collapse:collapse;
  margin-top: 50px;
  margin-bottom: 40px;
}
#rightArea #orderManage #orderTable th{
  font-size: medium;
  font-weight: 400;
  padding-bottom: 20px;
  color: gray;
  border-bottom: 1px solid rgb(194,31,58);
}
#rightArea #orderManage #orderTable td{
  padding-top: 30px;
  height: 40px;
  font-size: large;
}
#rightArea #orderManage #orderTable .ac{
  border-bottom: 1px solid rgb(194,31,58);
  cursor: pointer;
}

/*付款框*/
.pay{
  width: 70%;
  height: 80%;
  background-color: rgb(247,247,247);
  border: 1px solid rgb(194,31,58);
  position: absolute;
  left: 15%;
  top: 10%;
}
.pay .head{
  background-color: rgb(194,31,58);
  height: 30px;
  color: white;
  padding-top: 6px;
  padding-left: 10px;
}
.pay .payContainer{
  width: 60%;
  margin-left: 33%;
  margin-top: 40px;
}
.pay .payContainer div{
  margin-top: 20px;
}
.pay .payContainer .format{
  margin-left: 18%;
  font-size: large;
}
.pay .payContainer input{
  font-size: large;
  margin-left: 40px;
}
.pay .payContainer button{
  margin-left: 20px;
  width: 110px;
  height: 50px;
  border: 0;
}
.pay .payContainer #checked{
  background-color: rgb(194,31,58);
  color: white;
}
/*我要投诉*/
#newComplaint{
  width: 50%;
  height: 60%;
  background-color: rgb(247,247,247);
  border: 1px solid rgb(194,31,58);
  position: absolute;
  left: 25%;
  top: 20%;
}
#newComplaint .head{
  background-color: rgb(194,31,58);
  height: 30px;
  color: white;
  padding-top: 6px;
  padding-left: 10px;
}
#newComplaint .complaintContainer{
  margin-left: 25%;
  margin-top: 11%;
}
#newComplaint .complaintContainer textarea{
  resize: none;
  font-size: large;
  margin-top: 20px;
}
#newComplaint .complaintContainer input{
  font-size: large;
}
#newComplaint .complaintContainer button{
  margin-left: 20px;
  width: 110px;
  height: 50px;
  border: 0;
}
#newComplaint .complaintContainer #checked{
  margin-left: 20px;
  width: 110px;
  height: 50px;
  border: 0;
  background-color: rgb(194,31,58);
  color: white;
  margin-top: 20px;
}
#newComplaint .complaintContainer #buttonArea{
  text-align: center;
}
/*上传商品框*/
#newShop{
  width: 50%;
  height: 80%;
  background-color: rgb(247,247,247);
  border: 1px solid rgb(194,31,58);
  position: absolute;
  left: 25%;
  top: 10%;
}
#newShop .head{
  background-color: rgb(194,31,58);
  height: 30px;
  color: white;
  padding-top: 6px;
  padding-left: 10px;
}
#newShop .fromContainer{
  margin-left: 30%;
  margin-top: 20px;
}
#newShop .fromContainer table td{
  height: 50px;
}
#newShop .fromContainer table input{
  font-size: large;
  margin-left: 25px;
}
#newShop .fromContainer button{
  margin-left: 25px;
  width: 110px;
  height: 40px;
  border: 0;
}
#newShop .fromContainer #checked{
  width: 110px;
  height: 40px;
  border: 0;
  background-color: rgb(194,31,58);
  color: white;
  margin-top: 10px;
}
/*大图*/
.bigPic{
  width: 70%;
  height: auto;
  background-color: rgb(247,247,247);
  border: 1px solid rgb(194,31,58);
  position: absolute;
  left: 15%;
  top: -20px;
  overflow: hidden;
}
.bigPic .head{
  background-color: rgb(194,31,58);
  height: 30px;
  color: white;
  padding-top: 6px;
  padding-left: 10px;
}
.bigPic .head button{
  position: absolute;
  right: 10px;
  width: 22px;
  height: 22px;
}
.bigPic img{
  width: 100%;
}
/*处理投诉*/
#complaintProcess{
  width: 50%;
  height: 60%;
  background-color: rgb(247,247,247);
  border: 1px solid rgb(194,31,58);
  position: absolute;
  left: 25%;
  top: 20%;
}
#complaintProcess .head{
  background-color: rgb(194,31,58);
  height: 30px;
  color: white;
  padding-top: 6px;
  padding-left: 10px;
}
#complaintProcess .fromContainer{
  margin-left: 25%;
  margin-top: 8%;
}
#complaintProcess .fromContainer textarea{
  resize: none;
  font-size: large;
  margin-top: 20px;
}
#complaintProcess .fromContainer input{
  font-size: large;
}
#complaintProcess .fromContainer button{
  margin-left: 20px;
  width: 110px;
  height: 50px;
  border: 0;
}
#complaintProcess .fromContainer #checked{
  margin-left: 20px;
  width: 110px;
  height: 50px;
  border: 0;
  background-color: rgb(194,31,58);
  color: white;
  margin-top: 20px;
}
#complaintProcess .fromContainer select{
  margin-top: 20px;
  font-size: large;
}
#complaintProcess .fromContainer #buttonArea{
  text-align: center;
}
/*用户信息*/
.userInformation{
  width: 70%;
  height: 80%;
  background-color: rgb(247,247,247);
  border: 1px solid rgb(194,31,58);
  position: absolute;
  left: 15%;
  top: 10%;
  overflow: hidden;
}
.userInformation .head{
  background-color: rgb(194,31,58);
  height: 30px;
  color: white;
  padding-top: 6px;
  padding-left: 10px;
}
.userInformation .head button{
  position: absolute;
  right: 10px;
  width: 22px;
  height: 22px;
}
.userInformation .infContainer{
  width: 50%;
  margin-left: 30%;
  margin-top: 70px;
  margin-bottom: 25px;
}
.userInformation .infContainer div div{
  margin-top: 20px;
}
.userInformation .infContainer text{
  font-size: large;
  margin-left: 40px;
}
.userInformation .infContainer .firstCol{
  width: 20%;
  font-size: medium;
  color: gray;
}

.selected{
  background-color: white;
}
.hide{
  display: none;
}
